// <!-- 2.步骤二  监控网页滚动条滚动  将src改成真实的、在data属性上的地址 -->
function lazyLoad() {
    //  2.1 每次获取最新的总可视内容高度  可见视口高度+滚动条滚动高度
    let temp1 = window.innerHeight || document.documentElement.clientHeight;
    let temp2 = document.body.scrollTop || document.documentElement.scrollTop;
    let maxShowHeight = temp1 + temp2;
    //  2.2 获取所有图片
    let aimg = document.querySelectorAll("img");
    //  2.3 遍历
    aimg.forEach(function (item) {
        //  2.4 判断：当前图片的.offsetTop < 2.1(可见视口高度+滚动条滚动高度) 
        console.log(item.offsetTop)
        if (item.offsetTop < maxShowHeight) {
            // 不成立 不用管
            // 成立   修改图片地址的src地址，改成真的 
            item.src = item.getAttribute("data");
        }
    })
}